<template>
    <div v-loading="loading" class="rounded bg-white p-4">
        <el-form :model="form" label-width="160px">
            <el-form-item label="物流查询key">
                <div>
                    <el-input v-model="form.ship" placeholder="物流查询key"></el-input>
                    <small class="mt-1 flex text-gray-500"> 用于查询物流信息，接口申请（仅供参考） </small>
                </div>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" size="default" @click="submit">保存</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>
<script setup>
import { ref, reactive } from 'vue'
import { getSysconfig, setSysconfig } from '~/api/sysconfig'
import { toast } from '~/composables/util'

const form = reactive({
    ship: '',
})

const loading = ref(false)
function getData() {
    loading.value = true
    getSysconfig()
        .then((res) => {
            for (const k in form) {
                form[k] = res[k]
            }
            form.password_encrypt = form.password_encrypt?.split(',')
        })
        .finally(() => {
            loading.value = false
        })
}

getData()

const submit = () => {
    loading.value = true
    setSysconfig({
        ...form,
    })
        .then((res) => {
            toast('修改成功')
            getData()
        })
        .finally(() => {
            loading.value = false
        })
}
</script>
